$color-blue: #1472f2;


@mixin flex {
  display: flex;
}
@mixin flex-tab {
  @include flex;
  background-color: #fff;
  .tab {
    &-item {
      height: 1rem;
      line-height: 1rem;
      font-size: 0.3rem;
      flex: 1;
      text-align: center;
      &.active {
        color: $color-blue;
      }
    }
  }
}

@mixin showItem {
  .flex {
    display: flex;
    justify-content: space-between;
    font-size: .3rem;
    padding: .5rem 0;
    border-bottom: 1px solid #D9D9D9;
    background-color: #fff;
    &-left {
      color: #999999;
    }
    &-right {
      color: #000;
    }
  }
}

@mixin bg-blue {
  .bg-blue {
    background-color: $color-blue;
  color: #fff;
  }
}

@mixin directionRow {
  display: flex;
  background-color: #fff;
  color: #000;
  height: 1rem;
  line-height: 1rem;
  align-items: center;
  .icon-arrow {
    width: .7rem;
    height: .2rem;
  }
  span {
    flex: 1;
    text-align: center;
  }
  margin: .3rem 0;
}

@mixin register-item {
  .item {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0.3rem;
    border-radius: 4px;
    margin-bottom: 0.2rem;
    &-img {
      width: 0.83rem;
      height: 0.83rem;
      margin-right: 0.3rem;
    }
    &-car {
      font-size: 0.3rem;
      margin-bottom: 0.2rem;
    }
    &-time {
      font-size: 0.24rem;
      color: #999999;
    }
    &-desc {
      flex: 1;
    }
    &-arrow {
      font-size: .5rem;
      color: #D9D9D9;
    }
  }
}

@mixin register-area {
  .register {
    &-area {
      padding: 0.4rem 0.3rem;
      margin-bottom: 0.2rem;
      background-color: #fff;
      &.first {
        margin-top: .2rem;
      }
      &-input {
        border: none;
        outline: 0;
      }
    }
    &-title {
      font-size: 0.36rem;
      color: #000;
      font-weight:bold;
      line-height:.26rem;
      margin-bottom: 0.59rem;
    }
    &-text {
      font-size: 0.28rem;
      line-height:.26rem;
      margin-bottom: 0.5rem;
      font-weight: normal;
    }
    &-input {
      border-top: 1px solid #f2f2f2;
      padding-top: 0.38rem;
      .input-title {
        font-size: .28rem;
      }
      & > input {
        height: 1rem;
        line-height: 1rem;
        border: none;
        outline: 0;
      }
    }
    ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #c7c7c7;
    }
    ::-moz-placeholder {
      /* Firefox 19+ */
      color: #c7c7c7;
    }
    :-ms-input-placeholder {
      /* IE 10+ */
      color: #c7c7c7;
    }
    :-moz-placeholder {
      /* Firefox 18- */
      color: #c7c7c7;
    }
    &-button {
      height: 0.88rem;
      line-height: 0.88rem;
      background: rgba(34, 134, 255, 1);
      border-radius: 10px;
      color: #fff;
    }
  }
}

.font-24 {
  font-size: .24rem;
}
.font-40 {
  font-size: .4rem;
}
